<template>
	<view class="BJse">
		<view class="Kanjian">
			<image class="KJimg" src="../../../static/icon2985.png" mode=""></image>
			<!--  -->
			<view class="fs16 CJCG JZ">
				<view style="font-weight: 700;">恭喜你 成功砍价</view>
				<view style="font-size: 28rpx;color: #F94D31;">1129.66元</view>
			</view>
			<!--  -->
			<view class="bottom JZ" >
				<view>
					<text class="fs12">差1.2元</text>
					<span></span>
				</view>
			</view>
			<!--  -->
			<view class="fs16 kjfanbei JZ">
				分享好友，砍价金<text style="color: rgba(249,77,49,1);">翻倍</text>
			</view>
			<!--  -->
			<view class="fs11 Time JZ">
				<text>剩余时间：</text>
				<text class="shijian">22</text>
				<text>时</text>
				<text class="shijian">22</text>
				<text>分</text>
				<text class="shijian">22</text>
				<text>秒</text>
			</view>
		</view>
		<image class="delete JZ" src="../../../static/iconx5893.png" mode=""></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.BJse{
		width: 100vw;
		height: 100vh;
		background: rgba(0,0,0,0.6);
	}
.Kanjian{
	width: 750rpx;
	height: 754rpx;
	position: absolute;
	top: 10%;
}
.KJimg{
	width: 750rpx;
	height: 754rpx;
	position: absolute;
}
.CJCG{
	text-align: center;
	position: absolute;
	top: 100rpx;
}
.JZ{
	left: 50%;
	transform: translateX(-50%);
}
	.bottom {
		width: 350rpx;
		height: 14rpx;
		background: rgba(255, 210, 52, 1);
		border-radius: 8rpx;
		position: absolute;
		top: 270rpx;
	}

	.bottom>view {
		width: 134rpx;
		height: 48rpx;
		background: rgba(249,77,49,1);
		border-radius: 8rpx;
		position: absolute;
		top: -70rpx;
		right: 0;
	}

	.bottom>view>text {
		color: rgba(255,255,255,1);
		transform: scale(0.8);
		position: absolute;
		top: 10rpx;
		left: 40rpx;
	}

	.bottom>view>span {
		border-left: 8rpx solid transparent;
		border-right: 8rpx solid transparent;
		border-top: 8px solid rgba(249,77,49,1);
		position: absolute;
		right: 40%;
		bottom: -15rpx;
	}
	.kjfanbei{
		color: rgba(135,52,24,1);
		position: absolute;
		top: 322rpx;
	}
	.Time{
		color: rgba(255,255,255,1);
		text-align: center;
		position: absolute;
		top: 622rpx;
	}
	.shijian{
		width: 44rpx;
		height: 44rpx;
		display: inline-block;
		color: rgba(255,221,132,1);
		background: rgba(249,77,49,0.1);
	}
	.delete{
		width: 72rpx;
		height: 72rpx;
		position: absolute;
		top: 70%;
	}
</style>
